<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
    <link rel="stylesheet" href="../../plugin/css/button.css">
    <link href="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script>
    <title>常用网址</title>
    <style type="text/css" media="screen">
    	body{overflow-x: hidden;}
    </style>
</head>
<body>
<div id="vue-app">
	<!-- <a href="https://start.spring.io/" target="_blank" class="button button-glow button-rounded button-highlight">spring boot start</a> -->
	<common></common>
</div>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script>
var my_data = [
		{
			title_name: "编程相关",
			child_arr: [
			{
				child_title_name: "Java相关",
				link_arr: [
				{
					link_url: "https://start.spring.io/",
					link_class: "btn btn-success",
					link_name: "spring boot start"
				},{
					link_url: "https://docs.halo.run/",
					link_class: "btn btn-success",
					link_name: "halo博客系统"
				},{
					link_url: "https://solo.b3log.org/",
					link_class: "btn btn-success",
					link_name: "solo博客系统"
				},{
					link_url: "https://github.com/hs-web/hsweb-framework",
					link_class: "btn btn-success",
					link_name: "springcloud企业级后台管理系统"
				},{
					link_url: "http://ruoyi.vip/login",
					link_class: "btn btn-success",
					link_name: "若依管理系统"
				}
				]
			},{
				child_title_name: "前端or移动端or微信",
				link_arr: [
				{
					link_url: "http://www.bootcss.com/",
					link_class: "btn btn-warning",
					link_name: "bootstrap中文网"
				},{
					link_url: "https://www.bootcdn.cn/",
					link_class: "btn btn-warning",
					link_name: "bootCDN资源加速"
				},{
					link_url: "http://amazeui.org/",
					link_class: "btn btn-warning",
					link_name: "amazeUI"
				},{
					link_url: "https://www.layui.com/",
					link_class: "btn btn-warning",
					link_name: "layUI"
				},{
					link_url: "https://www.egret.com/",
					link_class: "btn btn-warning",
					link_name: "白鹭引擎"
				},{
					link_url: "https://docs.cocos.com/creator/manual/zh/getting-started/",
					link_class: "btn btn-warning",
					link_name: "cocos文档"
				},{
					link_url: "https://framework7.io/docs/",
					link_class: "btn btn-warning",
					link_name: "framework7英文DOC"
				},{
					link_url: "http://framework7.taobao.org/docs/messages.html#.XOC7EOj7TDd",
					link_class: "btn btn-warning",
					link_name: "framework7中文DOC(淘宝镜像)"
				},{
					link_url: "https://www.swiper.com.cn/usage/index.html",
					link_class: "btn btn-warning",
					link_name: "swiper轮播"
				}
				]
			},{
				child_title_name: "开放平台OR接口",
				link_arr: [
				{
					link_url: "https://cloud.baidu.com/",
					link_class: "btn btn-info",
					link_name: "百度云开放平台"
				},{
					link_url: "http://ai.baidu.com/",
					link_class: "btn btn-info",
					link_name: "百度AI开放平台"
				},{
					link_url: "https://www.mtyun.com/",
					link_class: "btn btn-info",
					link_name: "美团云"
				},{
					link_url: "https://activity.huaweicloud.com/",
					link_class: "btn btn-info",
					link_name: "华为云"
				},{
					link_url: "https://cloud.tencent.com/",
					link_class: "btn btn-info",
					link_name: "腾讯云"
				},{
					link_url: "https://open.weixin.qq.com/",
					link_class: "btn btn-info",
					link_name: "微信开放平台"
				},{
					link_url: "https://mp.weixin.qq.com/",
					link_class: "btn btn-info",
					link_name: "微信公众平台"
				},{
					link_url: "https://pay.weixin.qq.com/",
					link_class: "btn btn-info",
					link_name: "微信支付商户平台"
				},{
					link_url: "https://www.aliyun.com/",
					link_class: "btn btn-info",
					link_name: "阿里云"
				},{
					link_url: "https://open.alipay.com/platform/home.htm",
					link_class: "btn btn-info",
					link_name: "蚂蚁金服开放平台"
				},{
					link_url: "https://www.qiniu.com/",
					link_class: "btn btn-info",
					link_name: "七牛云"
				},{
					link_url: "https://www.juhe.cn/",
					link_class: "btn btn-info",
					link_name: "聚合数据"
				},{
					link_url: "https://www.nowapi.com/api",
					link_class: "btn btn-info",
					link_name: "nowAPI"
				}
				]
			},{
				child_title_name: "GitHub",
				link_arr: [
				{
					link_url: "https://github.com/",
					link_class: "btn btn-success",
					link_name: "github首页"
				},{
					link_url: "https://996.icu/#/zh_CN",
					link_class: "btn btn-success",
					link_name: "996.icu"
				}
				]
			},{
				child_title_name: "区块链相关",
				link_arr: [
				{
					link_url: "http://tools.cryptokylin.io/#/tx",
					link_class: "btn btn-warning",
					link_name: "麒麟测试网"
				},{
					link_url: "https://developers.eos.io/eosio-nodeos/reference",
					link_class: "btn btn-warning",
					link_name: "eosIO-NodeOS"
				},{
					link_url: "https://developers.eos.io/",
					link_class: "btn btn-warning",
					link_name: "eos开发文档"
				},{
					link_url: "https://www.twle.cn/go/eos",
					link_class: "btn btn-warning",
					link_name: "eos简单教程"
				},{
					link_url: "https://github.com/eosio/eosjs",
					link_class: "btn btn-warning",
					link_name: "EOSIO"
				},{
					link_url: "https://blog.csdn.net/caokun_8341/article/details/80713851",
					link_class: "btn btn-warning",
					link_name: "EOS开发环境搭建-csdn"
				},{
					link_url: "https://eosio.github.io/eosjs/",
					link_class: "btn btn-warning",
					link_name: "EOSJS"
				},{
					link_url: "https://github.com/itleaks/js4eos",
					link_class: "btn btn-warning",
					link_name: "js4eos"
				},{
					link_url: "https://github.com/CryptoLions/EOS-Jungle-Testnet",
					link_class: "btn btn-warning",
					link_name: "森林Jungle测试网"
				},{
					link_url: "https://github.com/itleaks/eos-contract/tree/master/hello-exp",
					link_class: "btn btn-warning",
					link_name: "eos例子项目"
				},{
					link_url: "https://blog.csdn.net/rejames/article/details/82884516",
					link_class: "btn btn-warning",
					link_name: "智能合约开发"
				},{
					link_url: "https://github.com/TP-Lab/",
					link_class: "btn btn-warning",
					link_name: "TP-Lab钱包"
				},{
					link_url: "https://github.com/AschPlatform/asch-contract-examples",
					link_class: "btn btn-warning",
					link_name: "一些dapp源码"
				}
				]
			}
			]
		},{
			title_name: "导航网址&常用",
			child_arr: [
			{
				child_title_name: "导航网站",
				link_arr: [
				{
					link_url: "https://www.moulem.com/",
					link_class: "btn btn-success",
					link_name: "某柠檬"
				},{
					link_url: "https://www.9178.work/index.html",
					link_class: "btn btn-success",
					link_name: "沃克导航"
				}
				]
			}
			]
		}
	];
    Vue.component("common",{
        // 注意，模板里有且仅能有一个根标签
        template:`<div class="row">
        			<div class="col-md-12" v-for="(my_elem,index) in my_data">
        				<h1 align="center">{{index+1}} . {{my_elem.title_name}}</h1>
        				<div class="col-md-4" v-for="(my_elem_child,index) in my_elem.child_arr">
        					<div class="panel panel-success">
        						<h2 align="center">{{my_elem_child.child_title_name}}</h2>
        						<span v-for="(my_elem_link,index) in my_elem_child.link_arr">
        							<a v-bind:href="my_elem_link.link_url" target="_blank" v-bind:class="my_elem_link.link_class">{{my_elem_link.link_name}}</a>
        						</span>
        					</div>
        				</div>
        			</div>
        			<hr>
        		</div>
        `,
        data: function(){  // 定义模板数据
            return {
            	my_data: my_data
            }
        }
    });
var vueApp = new Vue({
	el: '#vue-app',
	data: {

	}
});

</script>
</body>
</html>